<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>版块</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/style.css" />
</head>
<body>
    <div class="cong-head">
        <nav class="navbar navbar-default nav_top">
            <h4 class="navbar-text">宠物圈</h4>
        </nav>
        <div class="a_list">
            <ul class="list-group clearfix cong-ul-01">
                <li class="list-group-item col-xs-3"><a href="index.html"><span>首页</span></a></li>
                <li class="list-group-item col-xs-3"><a href="classes.html"><span>版块</span></a></li>
                <li class="list-group-item col-xs-3 active1"><a href="shop.html"><span>商城</span></a></li>
                <li class="list-group-item col-xs-3"><a href="activity.html"><span>活动</span></a></li>
            </ul>
        </div>
    </div>

    <div class="container">
        <ul class="cong-ul-02">
            <li>
            	<a href="details.html">
            		<img src="img/gl.jpg" class="img-thumbnail" >
            		<p>进口狗粮</p>
            	</a>	
            </li>
            <li>
            	<a href="#">
            		<img src="img/mao1.jpg" class="img-thumbnail" >
            		<p>装饰物</p>
            	</a>	
            </li>
            <li>
            	<a href="#">
            		<img src="img/gouyifu.jpg" class="img-thumbnail" >
            		<p>超人背心</p>
            	</a>	
            </li>
            <li>
            	<a href="#">
            		<img src="img/jiezuye.jpg" class="img-thumbnail" >
            		<p>宠物洁足液</p>
            	</a>	
            </li>  
        </ul>
    </div>
</body>
</html>